<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*html, body {*/
        /*    height: 100%;*/
        /*    width: 100%;*/
        /*    padding: 0;*/
        /*    margin: 0;*/
        /*}*/

        /*body div {*/
        /*    margin: auto;*/
        /*}*/

        @media print {
            body {
                width: 240mm;
                margin: 0;
                padding: 0;
            }

            @page {
                size: A4 landscape;
                margin: 2mm;
            }
        }

        body {
            text-align: center;
            position: relative;
        }

        .title {
            font-size: 20px;
            font-weight: 700;
        }

        .gridtable {
            font-family: verdana, arial, sans-serif;
            font-size: 16px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            width: 240mm;
        }

        .gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        .gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }


    </style>
</head>
<body>
<p class='title'广州德毓包装制品有限公司配货单</p>
<div style='text-align: right;padding-right: 10%;margin-bottom: 1em;'>
    <span>NO： <span id='tickerNo'></span></span>
</div>

<div style='text-align: right;padding-right: 10%;margin-bottom: 1em;'>
    <span style="float: left;margin-left: 30px"> 业务员：<span id="saleName"></span></span>
    <span>出库时间： <span id='time'></span></span>
</div>
<table class='gridtable'>
    <thead>
    <tr>
<!--
        <td>客户</td>
-->
        <td>图片</td>
        <td>产品名称</td>
        <td>规格描述</td>
        <td>组合</td>
<!--        <td>包装</td>-->
<!--        <td>箱只</td>-->
<!--        <td>箱数</td>-->
        <td>数量</td>

<!--        <td>总吨数(t)</td>-->
        <td>备注</td>
    </tr>
    </thead>
    <tbody id='content'>
    </tbody>
</table>
<div style='display: flex;margin-top: 5em;padding: 0 2em;'>
<!--    <span style='flex: 1'>发货人:<span id='dispatch'>  </span></span>-->
<!--    <span style='flex: 1'>承运人:<span id='carrier'></span></span>-->
<!--    <span style='flex: 1'>车号:<span id='turn'></span></span>-->
<!--    <span style='flex: 1'>签字放行:<span id='pass'></span></span>-->
</div>
</body>
</html>
